<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no">
    <title>小U商城 - 确认订单</title>
    <link rel="stylesheet" href="css/confirm_order.css">
    <script src="js/index.js"></script>
    <link rel="shortcut icon" href="images/wangye_logo.png" type="image/x-icon">
</head>
<body>
    <!-- 顶部 -->
    <div id="top1">
        <span class="iconfont">&#xe60a;</span>
        <h2>确认订单</h2>
        <p>
            <i class="iconfont">&#xe648;</i>
            <span></span>
            <em class="iconfont">&#xe61c;</em>
        </p>
    </div>

    <!-- 地址信息 -->
    <div id="address_box">
        <p>
            <span>代用名</span>
            <span>138 **** 8888</span>
        </p>
        <p>北京 北京市 昌平区 朱辛庄中公教育实训基地IT教学楼 2号楼 2202室</p>
    </div>

    <!-- 品牌精选 -->
    <div id="brand_choice">
        <!-- 精选头部 -->
        <div class="jingxuan">
            <img src="images/xiaoUlogo.jpg" alt="">
            <h2>品牌精选</h2>
            <p>
                <span>已免运费</span>
                <i></i>
                <a href="#">领券</a>
            </p>
        </div>
        <!-- 精选商品 -->
        <ul>
            <li>
                <img src="images/shop.jpg" alt="">
                <p class="p1">木系原山茶花洁面泡沫 氨基酸洗面奶150ML 浸透舒缓</p>
                <p class="p2"><i>￥</i>999</p>
                <p class="iconfont p3"><span>&#xe653;</span>1</p>
                <p class="p4">7天无理由退货</p>
                <p class="p5">特价</p>
            </li>
        </ul>
        <ul>
            <li>
                <img src="images/shop.jpg" alt="">
                <p class="p1">木系原山茶花洁面泡沫 氨基酸洗面奶150ML 浸透舒缓</p>
                <p class="p2"><i>￥</i>999</p>
                <p class="iconfont p3"><span>&#xe653;</span>1</p>
                <p class="p4">7天无理由退货</p>
                <p class="p5">特价</p>
            </li>
        </ul>
        <!-- 精选底部 -->
        <p class="jingxuan_bottom">发票类型<span>不开发票<em class="iconfont">&#xe601;</em></span></p>
        <p class="jingxuan_bottom">售后免邮<i>部分商家赠送</i></p>
        <p class="jingxuan_bottom">买家留言<i>填写内容需要与商家协商并确认，45字以内</i></p>
    </div>

    <!-- 商品金额 -->
    <div id="goods_price">
        <p class="jingxuan_bottom">商品金额<i>￥1998</i></p>
        <p class="jingxuan_bottom">售后免邮<span>-￥200</span></p>
        <p class="jingxuan_bottom">优惠劵<i>暂不可用</i></p>
    </div>

    <!-- 确认订单 -->
    <div id="confirm_order">
        <p>
            <span>合计</span>
            <em>以免运费</em>
        </p>
        <p>
            <span>￥1998</span>
            <em>以优惠￥200元</em>
        </p>
        <p>确认订单</p>
    </div>
</body>
</html>